<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>积分商城</title>
    <link rel="stylesheet" type="text/css" href="css/Public/Public.css">
    <link rel="stylesheet" type="text/css" href="css/shop.css">
    <script type="text/javascript" src="js/flexible.js"></script>
    <script type="text/javascript" src="js/vue.1.0.js"></script>
</head>
<body>
<header id="header">
    <a href="manage-money-matters.html"><img src="./img/delivery-address/收货地址_03.gif"></a>
    <span>积分商城</span>
</header>
<section>
    <a href="javascript:;"><img src="./img/shop/积分商城_02.gif"></a>
    <ul>
        <li>
            <img src="./img/shop/积分商城_10.gif">
            <a href="javascript:;">3000积分</a>
        </li>
        <li>
            <img src="./img/shop/积分商城_05.gif">
            <a href="javascript:;">充话费</a>
        </li>
        <li>
            <img src="./img/shop/积分商城_07.gif">
            <a href="javascript:;">充流量</a>
        </li>
    </ul>
</section>
<div class="background-one"></div>
<div class="tab">
    <span>全部</span>
    <span>如何获取积分</span>
</div>
 <div class="section">
    <ul v-for="item in date">
        <li>
            <a href="javascript:;"><img :src="item.img"></a>
        </li>
        <li>{{item.name}}</li>
        <li>
            <span><img :src="item.src">{{item.mon}}</span>
            <span>{{item.day}}</span>
        </li>
    </ul>
</div>
<script>
       var xu=new Vue({
           el:'.section',
           data:{
               sum:0,
           date:[
               {img:'./img/shop/积分商城_22.gif',name:'美的家用电烤箱',mon:'4000',day:'已兑换100件',src:'./img/shop/积分商城_36.gif'},
               {img:'./img/shop/积分商城_20.gif',name:'九阳多功能豆浆机',mon:'12000',day:'已兑换5件',src:'./img/shop/积分商城_36.gif'},
               {img:'./img/shop/积分商城_28.gif',name:'苏泊尔自动电水壶',mon:'2800',day:'已兑换200件',src:'./img/shop/积分商城_36.gif'},
               {img:'./img/shop/积分商城_27.gif',name:'飞科家用大功率吹风机',mon:'8600',day:'已兑换10件',src:'./img/shop/积分商城_36.gif'}
           ]
           }
       });

</script>
</body>
</html>